<template>
	<view class="flex-col page">
		<view class="flex-col flex-auto section_3 space-y-36">
			<text class="self-start text_4">{{content.title}}</text>
			<view class="flex-col space-y-28 font_2" v-html="content.content"></view>
		</view>
	</view>
</template>

<script setup>
	import {
		onShow,onLoad
	} from "@dcloudio/uni-app";
	import {
		onMounted,
		ref,
		reactive,
		getCurrentInstance
	} from "vue"
	const {
		proxy
	} = getCurrentInstance()
	
	let content = ref('')
	let art_id = ref('')
	onLoad((option) => {
		art_id.value=option.art_id
		getDate()
	})
	const getDate=()=> {
		proxy.$req.requestPOST(proxy.$api.SystemInfo.artDetail,{
			art_id:art_id.value
		}).then(res => {
			if (res.flag == "success") {
				content.value = res.data
			} else {
				uni.showToast({
					title: res.message,
					icon: 'none'
				})
			}
		})
	}
</script>

<style scoped lang="css">
	.page {
		background-color: #ffffff;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
	}

	.section_3 {
		padding: 43rpx 30rpx 23rpx;
		background-color: #ffffff;
		overflow-y: auto;
	}

	.space-y-36>view:not(:first-child),
	.space-y-36>text:not(:first-child),
	.space-y-36>image:not(:first-child) {
		margin-top: 36rpx;
	}

	.text_4 {
		color: #333333;
		font-size: 30rpx;
		font-family: PingFangSC;
		line-height: 30rpx;
	}

	.space-y-28>view:not(:first-child),
	.space-y-28>text:not(:first-child),
	.space-y-28>image:not(:first-child) {
		margin-top: 28rpx;
	}

	.font_2 {
		font-size: 28rpx;
		font-family: PingFangSC;
		line-height: 48rpx;
		color: #333333;
	}
</style>